<template>
  <div class="banner">
    <div class="container">
      <div>
        🔥
        <a href="/blog/2025/07/29/local-first-sync-with-tanstack-db">
          Introducing Tanstack DB</a
        >
        &ndash;
        <span class="inline-md"> now in BETA! </span>
        <span class="hidden-md">
          Reactive client store for building super fast apps on sync!
        </span>
      </div>
    </div>
  </div>
</template>

<style scoped>
.banner {
  color: var(--vp-c-text-1);
  background-color: var(--vp-c-indigo-3);
  font-weight: 500;

  padding: 12px 24px 14px;
  margin-bottom: 2px;

  font-size: 15px;
  text-align: center;
}
.banner a {
  text-decoration: underline;
}
</style>
<style>
.nav-relative .VPNav {
  position: relative !important;
}
</style>
